<template>
  <div>
    <a-tabs defaultActiveKey="2">
      <a-tab-pane key="1">
        <span slot="tab">
          <a-icon type="message" />待处理的公文提醒
        </span>
        <to-be-pro />
      </a-tab-pane>
      <a-tab-pane key="2">
        <span slot="tab">
          <a-icon type="solution" />已处理公文列表
        </span>
        <have-to />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script lang="ts">
const ToBePro = () => import("./TobeProcessed.vue");
const HaveTo = () => import("./HaveToDeal.vue");
import { Component, Vue, Prop, Emit } from "vue-property-decorator";

@Component({
  name: "documents-homecomponent",

  layout: "menu",
  components: {
    ToBePro,
    HaveTo
  }
})
export default class DocumentsHomecomponent extends Vue {}
</script>

<style lang='less' scoped>
</style>